<extend name="Base/common" />
<block name="jum">
    <div class="col-md-offset-5">
      <h2>用户登录</h2>
    <p><span class="pull-left"><span>还没有账号? <a href="{:U('Index/register')}">立即注册</a></span> </span></p>
    </div>
</block>
<block name="side"></block>
<block name="body">
<section>
	<div class="col-md-12">
        <form class="form-horizontal" action="__SELF__" method="post">
          <div class="form-group">
            <label class="col-md-4 control-label" for="inputEmail">用户名</label>
            <div class="col-md-4">
              <input type="text" id="inputEmail" class="form-control" placeholder="请输入用户名"  ajaxurl="/member/checkUserNameUnique.html" errormsg="请填写1-16位用户名" nullmsg="请填写用户名" datatype="*1-16" value="" name="username">
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-4 control-label" for="inputPassword">密码</label>
            <div class="col-md-4">
              <input type="password" id="inputPassword"  class="form-control" placeholder="请输入密码"  errormsg="密码为6-20位" nullmsg="请填写密码" datatype="*6-20" name="password">
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-4 control-label" for="inputPassword">验证码</label>
            <div class="col-md-4">
              <input type="text" id="inputPassword" class="form-control" placeholder="请输入验证码"  errormsg="请填写5位验证码" nullmsg="请填写验证码" datatype="*5-5" name="verify">
            </div>
          </div>
          <div class="form-group">
            <div class="col-md-offset-4 col-md-4">
                <img class="verifyimg reloadverify" alt="点击切换" src="{:U('verify')}" style="cursor:pointer;">
            </div>
          </div>
          <div class="form-group">
            <label class="col-md-offset-4 col-md-8">看不清点击图片刷新</label>
          </div>
          <div class="form-group">
            <div class="col-md-offset-4">
              <div class="col-md-6 controls Validform_checktip text-warning"></div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-md-offset-4 col-md-2">
              <label class="checkbox">
                <input type="checkbox"> 自动登陆
              </label>
            </div>
          </div>
          <div class="form-group">
          <div class="col-sm-offset-4 col-sm-8">
            <button type="submit" class="btn btn-default">登录</button>
          </div>
          </div>
        </form>
	</div>
</section>
</block>

<block name="script">
	<script type="text/javascript">

    	$(document)
	    	.ajaxStart(function(){
	    		$("button:submit").addClass("log-in").attr("disabled", true);
	    	})
	    	.ajaxStop(function(){
	    		$("button:submit").removeClass("log-in").attr("disabled", false);
	    	});


    	$("form").submit(function(){
    		var self = $(this);
    		$.post(self.attr("action"), self.serialize(), success, "json");
    		return false;

    		function success(data){
    			if(data.status){
    				window.location.href = data.url;
    			} else {
    				self.find(".Validform_checktip").text(data.info);
    				//刷新验证码
    				$(".reloadverify").click();
    			}
    		}
    	});

		$(function(){
			var verifyimg = $(".verifyimg").attr("src");
            $(".reloadverify").click(function(){
                if( verifyimg.indexOf('?')>0){
                    $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
                }else{
                    $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
                }
            });
		});
	</script>
</block>
